<template>
    <div id="app">
        <Header :title='title'></Header>
        <Swipe></Swipe>
        <Icons></Icons>
        <Lazy></Lazy>
        
       
       

       <Footer></Footer>
    </div>
</template>

 <script>
import Vue from 'vue'
import axios from 'axios'
import Header from './components/Header'
import Footer from './components/Footer'
import Swipe from './components/Swipe'
import Icons from './COMPONENTS/Icons'
import Lazy from './COMPONENTS/Lazy'

export default {
  name: 'Home',
  components: {
      Header,
      Footer,
      Swipe,
      Icons,
      Lazy,
  },
  data () {
    return {
        title:'首页',
    }
  },
  methods : {
     
  },
  mounted () {
  },
  computed: {
    
  }
}
</script>

<style>
    .mint-popup-2 {
        width: 100%;
        height: 50px;
        text-align: center;
        background-color: rgba(0,0,0,.7);
        backface-visibility: hidden;
      }

      .mint-popup-2 p {
        line-height: 50px;
        color: #fff;
      }
      #app{
          overflow: hidden;
      }
</style>
